<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		/* 选择器1  选择器2 会选中所有父元素下的直接、间接子元素 */
		/* 选择器1>选择器2 会选中所有父元素下的直接子元素 */
		/* 选择器1,选择器2 满足选择器下的所有元素会全部被选中*/
		div>button{
			background-color: red;
		}
		.bt1,.bt2{
			border: 1px solid blue;
		}
		
		</style>
	</head>
	<body>
		<div>
			<div>
				dv1
				<button class="bt1">ok1</button>
			</div>
			<div>
				dv2
				<button class="bt2">ok2</button>
			</div>
			<div>
				dv3
				<button>ok3</button>
			</div>
			<span>
				span1
				<button>ok4</button>
			</span>
			<button>bt1</button>
		</div>
	</body>
</html>
